<template>
  <div>
      <div class="body">
        <div class="center">
           <input v-model="text" type="text" placeholder="请输入想搜索的地区" style="width:800px; height:60px;fontSize:24px;  border-radius: 20px;Opacity:.7;">
             <i @click="search" class="el-icon-search"></i>
            </input>

        </div>
      </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      text: ''
    }
  },
  methods: {
    search () {
      localStorage.setItem('text', this.text)
      this.$router.push('/dichanliebiao')
    }
  }
}
</script>

<style lang="scss" scoped>
.body {
  position: relative;
  background-color: #fdffff;
  height: 600px;
   background:url('../../assets/one.jpg')repeat center center ;

}

.center{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 48%;
  left: 25%;
}
i{
  position: absolute;
  right:14px;
  bottom: 17px;
  font-size: 30px;
  cursor:pointer;
}

</style>
